<template>
  <view class="download-app-root" :style="fullStyle">
    <image :src="`${baseFilePath}/downloadApp.jpg`"></image>
    <view class="download-app-btn ">
      <view class="download-app-btn-text">
		  <image show-menu-by-longpress src="@/static/app.png" style="width: 450rpx;height: 450rpx;"></image>
	  </view>
    </view>
  </view>
</template>

<script>
import {baseMixins} from "@/mixins/baseMixins";

export default {
  mixins: [baseMixins],
}
</script>

<style scoped lang="scss">
.download-app-root {
  position: relative;

  image {
    height: 100%;
    width: 100%;
  }

  .download-app-btn {
    position: absolute;
    top: calc(50% - 70rpx);
    left: 150rpx;
    height: 450rpx;
    width: 450rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    // background: linear-gradient(to right, #f84b34, #c11600);
    border-radius: 50rpx;
    // color: #FFFFFF;
    padding: 10rpx 30rpx;

    .icon-content{
      margin-right: 30rpx;
      position: relative;
      top: 4rpx;
    }

    .download-app-btn-text{
      font-size: 32rpx;
      font-weight: 600;
      letter-spacing: 5rpx;
    }
  }
}
</style>
